@charset "utf-8";

/*选择四大理由*/
.reasons {
    padding-top: 100px;
    overflow: hidden;
    background: #f2f2f2;
    padding-bottom: 100px;
}
.w1200{
  width: 1200px;margin: 0 auto;
}
.reasons .list{display:flex;flex-wrap:wrap;}
.reasons .list .item{margin-top:35px;width:49%;margin-right:2%;overflow:hidden;background:#fff;padding-bottom:30px;}
.reasons .list .item:nth-child(2n){
  margin-right: 0;
}
.reasons .list .item .item-title{padding-left:48px;padding-right:48px;font-size:20px;font-weight:bold;color:#064179;margin-top:40px;}
.reasons .list .item ul{padding-left:48px;padding-right:48px;margin-top:22px;}
.reasons .list .item ul li{margin-top:7px;line-height:1.6;}
.reasons .list .item ul li span{color:#cd0029;}
/*结束*/


body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: center; }
.tit01 h2{font-size: 55px; font-family: "Microsoft YaHei";color: #2d323a;font-weight:bold;line-height: 72px;position: relative; }
.tit01 a{color: #313742; }
.tit01 p{ font-weight: normal; display: block;font-size:22px;color: #666666; line-height: 36px;}


/**/
.banner {width: 100%; max-height: 800px; position:relative;max-width: 1920px;overflow: hidden;;}
.banner img{ width:100%; display: block;}
.banner .swiper-pagination{bottom: 3% !important; z-index: 1}
.banner .swiper-pagination .swiper-pagination-bullet{background: #0876E7;opacity: 1; width: 12px;height: 12px;color: #fff; border-radius: 12px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 6px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#0876E7;width: 48px;}
.banner .ban-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
.banner .ban-prev {left: 3%;  background:url(/skin/images/lefts.png) no-repeat center center; display: none;}
.banner .ban-next {right: 3%; background:url(/skin/images/rights.png) no-repeat center center;display: none;}  

/**/
.g-guide{ background:#fff; height:1015px; padding-top:75px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width: 1200px;margin:0 auto;height:715px;}
.guide dt{width:1200px;height:493px;overflow: hidden;position: relative;}
.guide dl dt i{width: 100%; height: 100%;  display: block;background: url(/skin/images/vdo-btn.png) no-repeat; position: absolute; left:0;top:0;z-index: 1;}
.guide dt img{width:100%;display: block;}
.guide dd{width:1200px;height: 222px;}
.guide dd h3{font-size:50px; color: #2d323a; text-align: center;height: 120px; line-height: normal;background: url(/skin/images/guide-tit.png) no-repeat center bottom;margin-bottom: 20px;}
.guide dd em{display: block;font-size: 30px;color: #666666; font-weight: normal;}
.guide dd p{font-size: 16px; color: #666666; line-height:26px;text-align: center;}
.digital{width:1200px; height:122px;margin:0 auto;}
.digital li{width: 290px; height:122px;box-sizing: border-box; float: left;padding-left: 20px; text-align: left; position: relative;cursor: pointer;border-left: 1px solid #d8d8d8;}
.digital li em{margin-left:0px;display: block; position: relative;font-size: 65px; line-height: 65px;color: #2d323a;width: 115px;font-weight: bold;}
.digital li em b{ margin-left:0px;font-size: 65px; color: #2d323a; font-family: "Arial"; font-weight: bold;}
.digital li em i{ font-size:30px;  color: #2d323a;text-align: center; font-weight: bold; text-align: center;line-height: 23px;height: 23px;display: block;font-family: "Arial";position: absolute;bottom:12px; right:0px;display: block;}
.digital li h4{font-size: 20px; color: #444444; font-weight: normal;line-height: 40px;margin-top: 20px; }
.digital li:nth-child(1){width: 380px; } 
.digital li:nth-child(1) em{width:205px;}
.digital li:nth-child(1) em i{font-size: 36px;}
.digital li:nth-child(4){width: 240px;} 
.digital li:nth-child(4) em{width:195px;}
.digital li:nth-child(4) em i{font-size: 36px;}

/**/
.g-chara{ height: auto;overflow: hidden;background:#f1f1f1;padding-top:72px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-chara .tit01{height:160px;}
.chara{min-width: 1200px; width: 100%;height: 707px;overflow: hidden;}
.chara ul{width: 100%;height: 707px;}
.chara li{width:14.42%;float: left;position: relative;cursor:pointer;height: 707px;line-height:30px;font-size: 16px; box-sizing:border-box;overflow: hidden;margin-right: 0.5%;}
.chara li:last-child{margin-right: 0;}
.chara li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0, 0, 0, 0.65);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.shu2{width: 100%;  position: absolute;left:0rem;top:20%;text-align: center;}
.shu2 img{width:84px;height:84px;margin:0 auto;display: block;}
.shu2 h4{text-align: center;color: #fff;font-size:24px; font-weight: bold;}
.shu2  i{width: 42px;height: 42px;display: block;background:url(/skin/images/chara-ico.png) no-repeat;margin:14.5vw auto 0;}
.bock{position: absolute;left: 0; bottom:-300px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; background-size: 100% 100%;opacity: 0;}
.bock dl{width:100%;padding:30px 55px; box-sizing: border-box;position: absolute;left:0; bottom:0;background:rgba(38, 44, 51, 0.9);border-top-left-radius: 40px;}
.bock dt{width:114px;float: left;}
.bock dt img{width: 56px;height: 56px;margin:0 auto;}
.bock dd{float: left;border-left: 1px solid rgba(255, 255, 255, 0.28);padding-left: 22px;}
.bock dd h4{ font-size:30px; color: #ffffff;display: block;line-height: 38px; font-weight: bold;}
.bock dd p{width: 100%;font-size: 16px; line-height: 24px;color:#ffffff;overflow: hidden;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;text-align: justify;}
.chara li.cur{width:55.15%;}
.chara li.cur .mo{opacity: 0;}
.chara li.cur .shu2{opacity: 0;}
.chara li.cur .bock{opacity: 1;bottom: 0;}

@media screen and (max-width:1600px) {
  .bock dt{width:56px;float: none;margin-bottom: 10px;}
  .bock dd{float: none;border-left: 0;padding-left: 0;}
}
@media screen and (max-width:1400px) {
  .shu2 h4{font-size:18px;}
  .shu2  i{margin:20vw auto 0;}
  .bock dd h4{ font-size:24px;}
  
}


/**/
.g-products{height: auto;overflow: hidden; background:#fff;padding:75px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-products .tit01{height:150px;}
.products{width:1200px;margin:0 auto 25px;overflow: hidden;}
.menu li {
    margin-right: 26px!important;
}
.pro-nav{margin-bottom: 0;}
.pro-nav a{background:#262c33;width: 400px; font-size:20px;color: #ffffff; height: 65px;line-height: 65px;text-align: left;padding-left:45px;border-right: 1px solid #51565c;display: block;float: left;box-sizing: border-box;position: relative;}
.pro-nav a::after{content: "";position: absolute;width:11px;height:18px;background:url(/skin/images/prot-ico.png) no-repeat;right:45px;top:25px;}
.pro-nav a:last-child{border-right: 0;}
.pro-nav em{width:40px;height: 39px;float: left;margin-top:12px;margin-right: 10px;}
.pro-nav em img{width: 100%;display: block;}
.pro-nav a.cur{background:#0876E7;border-color: #0876E7; font-weight: bold;}
.pro-nav a.cur::after{content: "";position: absolute;width:18px;height:11px;background:url(/skin/images/prot-icocur.png) no-repeat;right:45px;top:28px;}
.pro-nav-erj p{background:#f1f1f1;padding:20px 40px;clear: both;overflow: hidden;}
.pro-nav-erj p a{width: 186px;display: inline-block;line-height: 32px;color: #666666;font-size: 14px;}

.pro{max-height:724px;overflow: hidden;}
.pro img{width: 100%;display: block; border-radius: 10px;}
.pro-left{width:49.73%;box-sizing: border-box; float: left;overflow: hidden;position: relative;}
.pro-left h4::after{content: ""; width:40px;height: 40px;background: url(/skin/images/pro-ico.gif);position: absolute; bottom:0;right:0;}

.pro-con{overflow: hidden;position: relative;}
.pro-con .swiper-pagination{bottom: 4% !important; z-index: 1;text-align: center;}
.pro-con .swiper-pagination .swiper-pagination-bullet{background: #e49808;opacity: 1; width: 10px;height: 10px;color: #fff; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 10px;}
.pro-con .swiper-pagination .swiper-pagination-bullet-active{background:#e49808;width: 30px;}

.pro-left h4{position: absolute;left:0;bottom:0;background:rgba(8, 118, 231, 1);box-sizing: border-box; width:100%;padding-left:40px; line-height:40px; font-size: 16px; color: #ffffff; font-weight: normal;box-sizing: border-box;}
.pro-right{width: 49.36%;float: right; font-size: 16px;overflow: hidden;max-width: 965px;}
.pro-right ul{clear: both;overflow: hidden;}
.pro-right li{margin-left:1.96%;width:48.04%; float: left;margin-bottom:1.5vw;position: relative;max-height: 353px;}
.pro-right li em{width:100%;max-height: 353px;margin:0 auto;display: block;overflow: hidden;}
.pro-right li h4{position: absolute;left:0;bottom:0;background:rgba(8, 118, 231, 1);width:100%;line-height:30px;text-align: center; font-size: 16px; color: #ffffff; font-weight: normal;box-sizing: border-box;}


/**/
.g-service{ height: auto;background:#fff;padding-top:65px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;overflow: hidden;}
.g-service .tit01{height:168px;}
.service{position: relative;clear: both;overflow: hidden;}
.service img{width: 100%;display: block;}
.svc{width: 81.25%;max-width: 1560px;position: absolute;right:0;bottom:0;}

.svc-con{width:100%;position: relative;overflow: hidden;}
.svc-con dl{width: 100%;}
.svc-con dt{width: 70.64%;position: relative;float: right;;}
.svc-con dt img{width:100%;max-height: 653px;display:block;}
.svc-con dd{width: 23.26%;float: left;}
.svc-con dd em{ font-size: 3.75vw;color: #ffffff;height: 95px; font-family: Arial, Helvetica, sans-serif;}
.svc-con dd h4{height: 3.75vw; font-size: 2.5vw;color: #ffffff;margin-bottom: 2vw;padding-top:6.25vw;position: relative;}
.svc-con dd h4::after{content: ""; width:2px;height:3.75vw;background:#0876E7;position: absolute; top:0;left:5px;}
.svc-con dd p{font-size:16px; color:#ffffff;  line-height: 32px;margin-bottom:2.5vw;}
.svc-con dd .svc-btn{width: 196px;height: 46px;line-height: 46px;text-align: left;color: #fff;background:url(/skin/images/svc-btn.png) no-repeat; display: block;padding-left: 80px;box-sizing: border-box;font-size: 16px;}

.svc-prev{width:40px;height:35px;position: absolute;left:50%;top:-82px;margin-left: 260px; background: url(/skin/images/svc-prev.png) no-repeat center;z-index:9; }
.svc-next{width:40px;height:35px;position: absolute;left:50%;top:-82px;margin-left: 360px;background:url(/skin/images/svc-next.png) no-repeat center;z-index:9; }
.svc .swiper-pagination{top:-82px  !important; font-family: Arial, Helvetica, sans-serif;font-size: 21px;color: #999999;z-index: 1;height: 50px;}
.svc .swiper-pagination-current{ font-size: 36px;color: #0876E7;font-weight: bold;margin-right: 10px;}
.svc .swiper-pagination-total{ font-size: 21px;color: #999999;margin-left: 10px}


@media screen and (max-width:1600px) {
  .svc-con dd h4{margin-bottom: 1vw;}
  .svc-con dd p{font-size:14px; line-height: 28px;}
}

/**/
.g-super{ height: auto;background:#fff;padding:65px 0 30px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;overflow: hidden;}
.g-super .tit01{height:157px;}
.super{position: relative;}
.super-nav{border-top:1px solid #bfbfbf;}
.super-nav ul{ width:1200px;height:100px;margin:0 auto;}
.super-nav li {width:250px; height:100px;line-height: 100px; float: left; text-align: left;margin-right: 60px;position: relative;box-sizing: border-box;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;padding:0 10px;}
.super-nav li::after{content: ""; width:0%;height: 2px;background:#0876E7;position: absolute; top:-1px;left:0;-webkit-transition: 0.15s;-moz-transition:0.15s;transition: 0.15s;}
.super-nav li .supert-ico{width:45px;height:38px; display:block;float:left;overflow: hidden;position: relative;z-index: 1;margin-top:30px;margin-right: 10px;}
.super-nav li .supert-ico img{width:45px;display: block;position: absolute;left:0;top:0;}
.super-nav li .supert-txt{font-size: 26px;color: #333333;float: left;font-weight: normal;}
.super-nav li:last-child{margin-right: 0; }
.super-nav li.cur::after{width:100%;}
.super-nav li.cur .supert-ico img{top:-38px;}
.super-nav li.cur .supert-txt{color:#0876E7;}
.super-nr{position: relative;}
.super-con{width:100%;}
.super-con dl{width: 100%;position: relative;z-index: 1;}
.super-con dt{width: 100%;position: relative;;}
.super-con dt img{width:100%;max-height: 652px;display:block;}
.super-con dd{margin:-92px auto 0;height: 183px; box-sizing: border-box; width: 1200px;background:#fff;z-index: 1;position: relative;padding:30px 45px 0 60px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.19);}
.super-con dd h4{height: 65px;}
.super-con dd h4 b{font-size: 36px;color:#333333;line-height:55px;height:55px; font-weight: bold;float: left;}
.super-con dd h4 span{color: #fff;font-size: 20px; font-weight: normal;padding:10px 30px;float: left;margin-left: 12px;position: relative;}
.super-con dd h4 span::after{content: ""; width:100%;height: 100%;background:#0876E7;position: absolute; top:0;left:0;transform: skewX(-15deg); }
.super-con dd h4 span i{transform: skewX(15deg);position: relative;z-index: 1;}
.super-con dd p{font-size:16px; color:#333333;  line-height: 26px;}

/**/
.g-cases{ height:auto; background:#fff; padding:38px 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px;overflow: hidden;; }
.g-cases .tit01{height:148px; }
.case-nav{clear: both;overflow: hidden;margin-bottom: 45px;text-align: center;}
.case-nav a{display: inline-block;padding:0 35px;text-align:center; line-height: 30px;font-size: 20px;color: #333333;border-right: 1px solid #e0e0e2;}
.case-nav a:last-child{border-right: 0;}
.case-nav em{width:43px;height:43px; display:block;overflow: hidden;position: relative;margin:0px auto;}
.case-nav em img{width:43px;display: block;position: absolute;left:0;top:0;}
.case-nav a:hover em img{top:-43px;}
.cases{width:100%; position: relative;padding-bottom: 85px;}
.cases dl{width: 1200px;}
.cases dt{width:600px;height:450px;float: left; position: relative;}
.cases dt img{width:100%;display: block;}
.cases dd{width: 600px; padding:60px 70px  0;height:450px;background:#efefef;box-sizing: border-box;float: left;}
.cases dd h4{font-size: 30px;color: #333333; line-height: 52px;height: 52px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: bold;}
.cases dd h4 a{color: #333333;}
.cases dd .case-oth{padding:30px 0 20px;margin:20px 0; border-top:1px solid #c8c9cb;border-bottom:1px solid #c8c9cb; font-size: 16px;color: #666666;line-height: 28px;}
.cases dd .case-oth em{padding:0 10px;}
.cases dd p{font-size:16px; color:#666666;  line-height:28px;height: 104px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.cases .case-more{width: 196px;height: 45px;line-height: 45px;text-align: left;color: #fff;background:url(/skin/images/case-btn.png) no-repeat;display: block;padding-left: 52px;box-sizing: border-box;font-size: 16px;}
.cases .swiper-pagination{bottom: 0 !important; z-index: 1}
.cases .swiper-pagination .swiper-pagination-bullet{background: url(/skin/images/caseico.png);opacity: 1; width: 34px;height: 34px;color: #fff; border-radius: 12px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 6px;}
.cases .swiper-pagination .swiper-pagination-bullet-active{background: url(/skin/images/caseicocur.png);}


/**/
.g-news{ height: auto; box-sizing: border-box; background:#efefef; padding:75px 0 100px; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.g-news::before{content: ""; width:100%;height: 1px;background:#d9d9d9;position: absolute; top:301px;left:50%;margin-left: -600px;}
.g-news::after{content: ""; width:100%;height: 1px;background:#d9d9d9;position: absolute; bottom:100px;right:50%;margin-right: -600px;}
.g-news .tit01{ height:165px;}
.news{width:1200px;position: relative;margin:0 auto;}
.newstit{ height: 62px; font-size: 20px;}
.newstit a{ text-decoration: none; font-size: 20px; display: block;color:#2e343e; line-height:40px; font-weight: bold;padding-left:34px;background: url(/skin/images/newstit1.png) no-repeat left center;}
.newstit2 a{ background: url(/skin/images/newstit2.png) no-repeat left center;}
.news1{width:550px; float: left;}
.news_c{width:550px;overflow: hidden;}
.news_c dl{width:550px;  overflow: hidden;position: relative;border-bottom: 1px solid #d9d9d9;}
.news_c dt{ width:550px;max-height: 298px; position: relative; overflow: hidden;}
.news_c dt img{width:550px; display: block;}
.news_c dd{width:550px; overflow: hidden;box-sizing: border-box;padding: 20px 0;}
.news_c dd h4{font-size: 18px; font-weight: bold;height: 32px; line-height: 32px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;font-family:"Microsoft Yahei";}
.news_c dl h4 a{ text-decoration: none; color:#333333;}
.news_c dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#666666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.news_c dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news_c dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.news_c ul{padding-top:20px;}
.news_c li{height:37px;line-height: 37px; font-size: 14px;color:#666666;}
.news_c li a{display: inline-block;padding-left: 18px;background:url(/skin/images/news1ico.png) no-repeat left center;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_c li span{float: right;font-size: 12px;color:#666666;}
.news2{width:560px; float: right;}
.news2-c{width:560px;overflow: hidden;height: 617px;}
.news2-con{width:560px;overflow: hidden;height: 650px;}
.news2-c dl{width:560px;  overflow: hidden;position: relative;}
.news2-c dt{ width:226px;max-height: 127px; position: relative; overflow: hidden; float: right;}
.news2-c dt img{width:226px; display: block;}
.news2-c dd{width:294px; overflow: hidden;box-sizing: border-box;float: left;}
.news2-c dd h4{font-size: 14px; font-weight: bold;height: 46px; line-height: 46px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;font-family:"Microsoft Yahei";padding-left:24px;background:url(/skin/images/news2ico.png) no-repeat left center;}
.news2-c dl a{ text-decoration: none; color:#333333;}
.news2-c dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#666666;}
.news2-c dl a:hover{color:#00304f;}
.newcon dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.newcon dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


/**/
.g-about{background:#fff; height:auto;padding-bottom: 30px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;}
.about{width:100%; }
.about dl{width:100%; position: relative; }
.about dt{width:100%;max-height:712px;}
.about dt img{width:100%;display: block;}
.about dt h2{font-size:55px;color: #0876E7;font-weight:bold;position: absolute;top:75px;left:0;width: 100%; text-align: center;}
.about dd{width: 1200px;margin:0 auto;padding:54px 0 0; height: 268px;position: relative; z-index: 1;box-sizing: border-box;background:#fff;}
.about dd i{content: ""; width:100%;height:378px;background:#2a323e;position: absolute; bottom:0;left:50%;margin-left:-150px;}
.about dd .abt-pic{width: 384px;height: 214px;display: block;float: left;}
.about dd .abt-desc{width: 680px;height: 320px; padding-left: 70px;float: right;position: absolute;right:0;bottom:0;}
.about dd .abt-desc h3{padding-top:52px;background: url(/skin/images/abt-tit.png) no-repeat; font-size: 36px;color: #0876E7; font-weight: bold;}
.about dd .abt-desc p{color: rgba(255, 255, 255, 0.5);font-size: 14px;line-height:30px; text-align: justify;margin-top:35px;}


/**/
.g-show{height:auto;position: relative;margin-bottom:65px;}
.show{width: 1200px; position: relative;margin:0 auto;}
.show-nav{height:60px;border-bottom:1px solid #dcdcdc;margin-bottom: 43px;}
.show-nav a{display: inline-block;margin:0 50px 0 30px; font-size: 22px;line-height: 60px;text-align: left; color: #666666; font-weight: normal;position: relative;}
.show-nav a:first-child{margin-left: 0;}
.show-nav a:last-child::before{width: 0;}
.show-nav em{width:34px;height:32px; display:block;overflow: hidden;position: relative;float:left;margin-right: 10px;margin-top:15px;}
.show-nav em img{width:34px;display: block;position: absolute;left:0;top:0;}
.show-nav a::before{content: ""; width:10px;height:20px;background:url(/skin/images/show-ico.png);position: absolute; top:50%;margin-top:-10px; right:-50px;}
.show-nav a::after{content: ""; width:0%;height:2px;background:#0876E7;position: absolute; bottom:-1px;left:0px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}
.show-nav span{display: block;float: right;}
.show-nav span a{font-weight: normal;margin:0; font-size: 16px;}
.show-nav a.cur,.show-nav a:hover{color: #0876E7;font-weight: bold;}
.show-nav a.cur  em img,.show-nav a:hover em img{top:-32px;}
.show-nav a.cur::after,.show-nav a:hover::after{width:100%;}
.show-prev{width:18px;height:32px;position: absolute;left:-35px;top:50%;margin-top:-32px;background: url(/skin/images/show-prev.png) no-repeat center; display: none;}
.show-next{width:18px;height:32px;position: absolute;right:-35px;top:50%;margin-top:-32px;background:url(/skin/images/show-next.png) no-repeat center; display: none;}
.show-content{display: none;position: relative;}
.show-con{overflow: hidden;}
.show-con li{ width:24.41%; position:relative;margin-right:10px; float: left; overflow: hidden;}
.show-con li img{ display:block;width:100%; }
.show-con li h4{font-size:14px;font-weight: normal; white-space: nowrap;text-overflow: ellipsis; line-height:40px;height:40px; color:#666666; text-align: center;  overflow:hidden;box-sizing: border-box;width:100%;}
.show-con li a{ text-decoration: none; }
.show-con li img{-webkit-transition: .15s;-moz-transition: .15s;transition: .15s;}
.show-con li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


.show-content.on{display: block;}
.show-content.on .show-prev,.show-content.on .show-next{z-index: 3;display: block;}


/**/
.g-link{width:100%; min-height:75px;padding-top:25px;overflow: hidden;position: relative;background:#39569e; box-sizing: border-box;}
.link{ height:auto;width:1200px;margin:0 auto; overflow: hidden;font-family:"Microsoft Yahei";color: rgba(255,255,255,.5);}
.link h2{float: left; font-weight: bold; font-size: 20px;color: rgba(255, 255, 255, 1);line-height: 30px;width: 175px;font-weight: normal;}
.link h2 i{ font-family: Arial, Helvetica, sans-serif;font-size: 20px; font-weight: normal;}
.link p{  max-width: 1120px; float: left; font-size: 15px;overflow: hidden; line-height: 30px; color:#fff;}
.link a{ color: rgba(255,255,255,1); font-size: 15px; padding-right:30px; text-align: left; line-height: 30px;display: inline-block;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}